@charset "utf-8";
.left {
    margin: 0px 10px;
    border-bottom: 1px solid #cfcfcf;
    a {
        padding: 10px 0;
        display: block;
        text-decoration: none;
        .list_text {
            display: inline-block;
            width: 64%;
            vertical-align: middle;
            h3 {
                font-size: 17px;
                color: #222;
                display: -webkit-box;
                line-height: 21px;
                font-weight: normal;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
            }
        }
        .list_img {
            overflow: hidden;
            width: 33%;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            >img {
                border: none;
                display: block;
                width: 100%;
                height: 70px;
                text-decoration: none;
                &:nth-of-type(2){
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                }
            }
        }
    }
}
.nophoto {
    margin: 0px 10px;
    border-bottom: 1px solid #cfcfcf;
    a {
        padding: 10px 0;
        display: block;
        text-decoration: none;
        .item_detail {
            h3 {
                font-size: 17px;
                color: #222;
                display: -webkit-box;
                line-height: 21px;
                font-weight: normal;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
            }
        }
    }
}
.threephoto {
    margin: 0px 10px;
    border-bottom: 1px solid #cfcfcf;
    a {
        padding: 10px 0;
        display: block;
        text-decoration: none;
        .item_detail {
            h3 {
                font-size: 17px;
                color: #222;
                display: -webkit-box;
                line-height: 21px;
                font-weight: normal;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
            }
            .list_image {
                margin-top: 6px;
                overflow: hidden;
                ul {
                    display: block;
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    font-size: 0;
                    text-align: center;
                    li {
                        padding-right: 4px;
                        float: left;
                        display: inline-block;
                        overflow: hidden;
                        width: 33.3%;
                        box-sizing: border-box;
                        img {
                            display: block;
                            width: 100%;
                            pointer-events: none;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }
}
.action {
    margin: 0px 10px;
    border-bottom: 1px solid #cfcfcf;
    a {
        padding: 10px 0;
        display: block;
        text-decoration: none;
        h3 {
            font-size: 17px;
            color: #222;
            display: -webkit-box;
            line-height: 21px;
            font-weight: normal;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
        }
        .action_img {
            background-size: 108px;
            margin-top: 6px;
            overflow: hidden;
            position: relative;
            width: 100%;
            img {
                border: none;
                display: block;
                width: 100%;
                height: 169px;
                pointer-events: none;
                &:nth-of-type(2){
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                }
            }
        }
    }
}

.item_info {
    margin-top: 6px;
    color: #999;
    overflow: hidden;
    span {
        line-height: 24px;
    }
    .blue {
        color: #2a90d7;
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #2a90d7;
        text-align: center;
        font-size: 12px;
        padding: 2px;
    }
    .red {
        display: inline-block;
        border-radius: 4px;
        color: #f85959;
        border: 1px solid #f85959;
        text-align: center;
        font-size: 12px;
        padding: 2px;
    }
    .srr {
        margin-right: 2px;
        font-size: 14px;
        color: #999;
    }
}